<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  .fixed-box{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.5)
  }
  </style>
</head>
<body>
    <div class="content">
        <!-- <div id="underLayer">
          <a href="www.baidu.com">链接</a>
          <input type="text" class="text1" >
          <input type="select" class="select">
          <input type="radio" class="select">
          <input type="checkbox" class="select">
           <button class="btn" id="openPopup">弹出</button>
        </div>
        <div id="popupLayer">
                <div class="layer-title">弹出层</div>
                <div class="layer-action">
                    <button class="btn" id="closePopup">关闭</button>
                </div>
            </div>
        </div> -->

        <div id="underLayer">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
          <input class="input" type="text" placeholder="这是一个input框">
        </div>

        <div id="popupLayer" class="fixed-box">
            <span>这是一个弹出层的input</span><input class="input" type="text" placeholder="这是一个input框">
            <span>这是一个弹出层的input</span><input class="input" type="text" placeholder="这是一个input框">
            <span>这是一个弹出层的input</span><input class="input" type="text" placeholder="这是一个input框">
            <span>这是一个弹出层的input</span><input class="input" type="text" placeholder="这是一个input框">
            <span>这是一个弹出层的input</span><input class="input" type="text" placeholder="这是一个input框">
        </div>
        <!-- <script type="text/javascript">
          var oPop =document.getElementById('popupLayer');
          var oUn = document.getElementById('underLayer');
          var oOpen = document.getElementById('openPopup');
    
          oPop.addEventListener('touchend', function(e){
              this.style.display='none';
              e.preventDefault();
          });
        
         oUn.addEventListener('click', 
           function(){
              alert('1');
          } );
         
     -->
    </script>        
</body>
</html>